<template>
  <div class="home">
    <Home-page-head></Home-page-head>
    <HomePageBody :data="listData"></HomePageBody>
    <FloorCopyright></FloorCopyright>
  </div>
</template>

<script>
import HomePageHead from "@/components/homePageHead/HomePageHead.vue";
import HomePageBody from "@/components/homePageHead/HomePageBody.vue";
import FloorCopyright from "@/components/floorCopyright/FloorCopyright.vue";
export default {
  name: "HotSearchList",
  components: { HomePageHead, HomePageBody, FloorCopyright },
  provide: {
    pitch: 1,
  },
  head: {
    title: "热搜排行榜 - 热搜榜单排名",
    htmlAttrs: {
      lang: "ZH-CN",
    },
    meta: [
      { charset: "utf-8" },
      { name: "viewport", content: "width=device-width, initial-scale=1" },
      {
        hid: "description",
        name: "description",
        content: "精品排行榜,精品导航,精品搜索,",
      },
      { name: "format-detection", content: "telephone=no" },
      {
        name: "keywords",
        content:
          "精品排行榜，热搜榜，热议榜，影视榜,音乐榜,摄影部,设计帮,财富榜,产品榜,游戏榜,大数据,其他榜,网址导航",
      },
    ],
    link: [{ rel: "icon", type: "image/x-icon", href: "/favicon.ico" }],
  },
  data() {
    return {
      listData: ["微博热搜", "百度风云榜", "搜狗热搜榜"],
    };
  },
  async asyncData({ $axios }) {
    const data = await $axios.get("/resou");

    return {
      listData: data.data.data,
    };
  },
};
</script>

<style scoped lang="less">
.home /deep/ .body-icon {
  background-color: #ad7d4c;
}
</style>
